<!DOCTYPE HTML>
<div component="$model/UI2/system/components/justep/window/window" design="device:m;" xid="window" data-bind="component:{name:'$model/UI2/system/components/justep/window/window'}" __cid="ciEVf2u" class="ciEVf2u" components="$model/UI2/system/components/justep/model/model,$model/UI2/system/components/justep/loadingBar/loadingBar,$model/UI2/system/components/justep/button/button,$model/UI2/system/components/justep/input/input,$model/UI2/system/components/justep/panel/child,$model/UI2/system/components/justep/labelEdit/labelEdit,$model/UI2/system/components/justep/panel/panel,$model/UI2/system/components/justep/contents/content,$model/UI2/system/components/justep/row/row,$model/UI2/system/components/justep/output/output,$model/UI2/system/components/justep/titleBar/titleBar,$model/UI2/system/components/justep/contents/contents,$model/UI2/system/components/justep/window/window,$model/UI2/system/components/justep/button/buttonGroup,">
  <style>null</style>  
  <div component="$model/UI2/system/components/justep/model/model" xid="model" style="display:none" data-bind="component:{name:'$model/UI2/system/components/justep/model/model'}" data-events="onLoad:modelLoad" __cid="ciEVf2u" class="ciEVf2u"></div>  
  <div component="$model/UI2/system/components/justep/panel/panel" class="x-panel x-full pcZBN7vy-iosstatusbar ciEVf2u" xid="panel1" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}" __cid="ciEVf2u"> 
    <div class="x-panel-top ciEVf2u" xid="top1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}" data-config="{&#34;visible&#34;:true}" __cid="ciEVf2u"> 
      <div component="$model/UI2/system/components/justep/titleBar/titleBar" class="x-titlebar ciEVf2u" data-bind="component:{name:'$model/UI2/system/components/justep/titleBar/titleBar'}" data-config="{&#34;title&#34;:&#34;TCP测试页&#34;}" __cid="ciEVf2u"> 
        <div class="x-titlebar-left ciEVf2u" __cid="ciEVf2u"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-only-icon ciEVf2u" xid="backBtn1" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:{operation:'window.close'}" data-config="{&#34;icon&#34;:&#34;icon-chevron-left&#34;,&#34;label&#34;:&#34;&#34;}" __cid="ciEVf2u"> 
            <i class="icon-chevron-left ciEVf2u" xid="i7" __cid="ciEVf2u"></i>  
            <span xid="span7" __cid="ciEVf2u" class="ciEVf2u"></span> 
          </a> 
        </div>  
        <div class="x-titlebar-title ciEVf2u" __cid="ciEVf2u">TCP测试页</div>  
        <div class="x-titlebar-right  ciEVf2u" __cid="ciEVf2u">
          <div class="empty ciEVf2u" __cid="ciEVf2u"></div>
        </div> 
      </div> 
    </div>  
    <div class="x-panel-content ciEVf2u" xid="content3" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}" __cid="ciEVf2u"> 
      <div component="$model/UI2/system/components/justep/contents/contents" class="x-contents x-full ciEVf2u" xid="contents" data-bind="component:{name:'$model/UI2/system/components/justep/contents/contents'}" data-config="{&#34;active&#34;:0,&#34;slidable&#34;:true}" __cid="ciEVf2u"> 
        <div class="x-contents-content active active ciEVf2u" xid="content1" component="$model/UI2/system/components/justep/contents/content" data-bind="component:{name:'$model/UI2/system/components/justep/contents/content'}" __cid="ciEVf2u"> 
          <div component="$model/UI2/system/components/justep/panel/panel" class="x-panel x-full pciYrmye-iosstatusbar ciEVf2u" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}" __cid="ciEVf2u"> 
            <div class="x-panel-top ciEVf2u" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}" __cid="ciEVf2u"></div>  
            <div class="x-panel-content ciEVf2u" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}" __cid="ciEVf2u"> 
              <div component="$model/UI2/system/components/justep/row/row" class="x-row ciEVf2u" xid="row1" data-bind="component:{name:'$model/UI2/system/components/justep/row/row'}" __cid="ciEVf2u"> 
                <div class="x-col ciEVf2u" xid="col1" __cid="ciEVf2u"> 
                  <div component="$model/UI2/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label30 ciEVf2u" xid="labelEdit1" data-bind="component:{name:'$model/UI2/system/components/justep/labelEdit/labelEdit'}" __cid="ciEVf2u"> 
                    <label class="x-label ciEVf2u" xid="label1" __cid="ciEVf2u">IP</label>  
                    <input component="$model/UI2/system/components/justep/input/input" class="form-control x-edit ciEVf2u" xid="input1" data-bind="component:{name:'$model/UI2/system/components/justep/input/input'}" __cid="ciEVf2u"> 
                  </div> 
                </div> 
              </div>  
              <div component="$model/UI2/system/components/justep/row/row" class="x-row ciEVf2u" xid="row2" data-bind="component:{name:'$model/UI2/system/components/justep/row/row'}" __cid="ciEVf2u"> 
                <div class="x-col ciEVf2u" xid="col4" __cid="ciEVf2u"> 
                  <div component="$model/UI2/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label30 ciEVf2u" xid="labelEdit2" data-bind="component:{name:'$model/UI2/system/components/justep/labelEdit/labelEdit'}" __cid="ciEVf2u"> 
                    <label class="x-label ciEVf2u" xid="label2" __cid="ciEVf2u">PORT</label>  
                    <input component="$model/UI2/system/components/justep/input/input" class="form-control x-edit ciEVf2u" xid="input2" data-bind="component:{name:'$model/UI2/system/components/justep/input/input'}" __cid="ciEVf2u"> 
                  </div> 
                </div> 
              </div>  
              <div component="$model/UI2/system/components/justep/row/row" class="x-row ciEVf2u" xid="row3" data-bind="component:{name:'$model/UI2/system/components/justep/row/row'}" __cid="ciEVf2u"> 
                <div class="x-col ciEVf2u" xid="col7" __cid="ciEVf2u"> 
                  <div component="$model/UI2/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label30 ciEVf2u" xid="labelEdit3" data-bind="component:{name:'$model/UI2/system/components/justep/labelEdit/labelEdit'}" __cid="ciEVf2u"> 
                    <label class="x-label ciEVf2u" xid="label3" __cid="ciEVf2u">内容</label>  
                    <input component="$model/UI2/system/components/justep/input/input" class="form-control x-edit ciEVf2u" xid="input3" data-bind="component:{name:'$model/UI2/system/components/justep/input/input'}" __cid="ciEVf2u"> 
                  </div> 
                </div> 
              </div>  
              <div component="$model/UI2/system/components/justep/row/row" class="x-row ciEVf2u" xid="row4" data-bind="component:{name:'$model/UI2/system/components/justep/row/row'}" __cid="ciEVf2u"> 
                <div class="x-col ciEVf2u" xid="col10" __cid="ciEVf2u"></div>  
                <div class="x-col ciEVf2u" xid="col11" __cid="ciEVf2u"> 
                  <a component="$model/UI2/system/components/justep/button/button" class="btn x-blue btn-block ciEVf2u" xid="button1" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:button1Click" data-config="{&#34;label&#34;:&#34;发送&#34;}" __cid="ciEVf2u"> 
                    <i xid="i1" __cid="ciEVf2u" class="ciEVf2u"></i>  
                    <span xid="span1" __cid="ciEVf2u" class="ciEVf2u">发送</span> 
                  </a> 
                </div>  
                <div class="x-col ciEVf2u" xid="col12" __cid="ciEVf2u"></div> 
              </div>  
              <div component="$model/UI2/system/components/justep/row/row" class="x-row ciEVf2u" xid="row5" data-bind="component:{name:'$model/UI2/system/components/justep/row/row'}" __cid="ciEVf2u"> 
                <div class="x-col ciEVf2u" xid="col15" __cid="ciEVf2u"> 
                  <div component="$model/UI2/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label30 ciEVf2u" xid="labelEdit4" data-bind="component:{name:'$model/UI2/system/components/justep/labelEdit/labelEdit'}" __cid="ciEVf2u"> 
                    <label class="x-label ciEVf2u" xid="label4" __cid="ciEVf2u">接收</label>  
                    <div component="$model/UI2/system/components/justep/output/output" class="x-output x-edit ciEVf2u" xid="output1" data-bind="component:{name:'$model/UI2/system/components/justep/output/output'}" __cid="ciEVf2u"></div> 
                  </div> 
                </div> 
              </div> 
            </div>  
            <style __cid="ciEVf2u" class="ciEVf2u">.x-panel.pciYrmye-iosstatusbar >.x-panel-top {height: 48px;}.x-panel.pciYrmye-iosstatusbar >.x-panel-content { top: 48px;bottom: nullpx;}.x-panel.pciYrmye-iosstatusbar >.x-panel-bottom {height: nullpx;}.iosstatusbar .x-panel.pciYrmye-iosstatusbar >.x-panel-top,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pciYrmye-iosstatusbar >.x-panel-top {height: 68px;}.iosstatusbar .x-panel.pciYrmye-iosstatusbar >.x-panel-content,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pciYrmye-iosstatusbar >.x-panel-content { top: 68px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pciYrmye-iosstatusbar >.x-panel-top {height: 48px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pciYrmye-iosstatusbar >.x-panel-content {top: 48px;}</style>
          </div> 
        </div>  
        <div class="x-contents-content ciEVf2u" xid="content2" component="$model/UI2/system/components/justep/contents/content" data-bind="component:{name:'$model/UI2/system/components/justep/contents/content'}" __cid="ciEVf2u"> 
          <div component="$model/UI2/system/components/justep/panel/panel" class="x-panel x-full pc2qAjeq-iosstatusbar ciEVf2u" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}" __cid="ciEVf2u"> 
            <div class="x-panel-top ciEVf2u" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}" __cid="ciEVf2u"> 
              <div component="$model/UI2/system/components/justep/titleBar/titleBar" class="x-titlebar ciEVf2u" data-bind="component:{name:'$model/UI2/system/components/justep/titleBar/titleBar'}" data-config="{&#34;title&#34;:&#34;页面二&#34;}" __cid="ciEVf2u"> 
                <div class="x-titlebar-left ciEVf2u" __cid="ciEVf2u"> 
                  <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-only-icon ciEVf2u" xid="backBtn2" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:{operation:'contents.prev'}" data-config="{&#34;icon&#34;:&#34;icon-chevron-left&#34;,&#34;label&#34;:&#34;&#34;}" __cid="ciEVf2u"> 
                    <i class="icon-chevron-left ciEVf2u" __cid="ciEVf2u"></i>  
                    <span __cid="ciEVf2u" class="ciEVf2u"></span> 
                  </a> 
                </div>  
                <div class="x-titlebar-title ciEVf2u" __cid="ciEVf2u">页面二</div>  
                <div class="x-titlebar-right  ciEVf2u" __cid="ciEVf2u">
                  <div class="empty ciEVf2u" __cid="ciEVf2u"></div>
                </div> 
              </div> 
            </div>  
            <div class="x-panel-content ciEVf2u" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}" __cid="ciEVf2u"></div>  
            <style __cid="ciEVf2u" class="ciEVf2u">.x-panel.pc2qAjeq-iosstatusbar >.x-panel-top {height: 48px;}.x-panel.pc2qAjeq-iosstatusbar >.x-panel-content { top: 48px;bottom: nullpx;}.x-panel.pc2qAjeq-iosstatusbar >.x-panel-bottom {height: nullpx;}.iosstatusbar .x-panel.pc2qAjeq-iosstatusbar >.x-panel-top,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pc2qAjeq-iosstatusbar >.x-panel-top {height: 68px;}.iosstatusbar .x-panel.pc2qAjeq-iosstatusbar >.x-panel-content,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pc2qAjeq-iosstatusbar >.x-panel-content { top: 68px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pc2qAjeq-iosstatusbar >.x-panel-top {height: 48px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pc2qAjeq-iosstatusbar >.x-panel-content {top: 48px;}</style>
          </div> 
        </div> 
      </div> 
    </div>  
    <div class="x-panel-bottom ciEVf2u" xid="bottom1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}" data-config="{&#34;height&#34;:60,&#34;visible&#34;:true}" __cid="ciEVf2u"> 
      <div component="$model/UI2/system/components/justep/button/buttonGroup" class="btn-group x-card btn-group-justified center-block ciEVf2u" xid="buttonGroup1" data-bind="component:{name:'$model/UI2/system/components/justep/button/buttonGroup'}" data-config="{&#34;selected&#34;:&#34;button2&#34;,&#34;tabbed&#34;:true}" __cid="ciEVf2u"> 
        <a component="$model/UI2/system/components/justep/button/button" class="btn btn-default btn-icon-bottom ciEVf2u" xid="button2" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&#34;icon&#34;:&#34;linear linear-history&#34;,&#34;label&#34;:&#34;实时数据&#34;,&#34;target&#34;:&#34;content2&#34;}" __cid="ciEVf2u"> 
          <i xid="i2" class="linear linear-history ciEVf2u" __cid="ciEVf2u"></i>  
          <span xid="span2" __cid="ciEVf2u" class="ciEVf2u">实时数据</span> 
        </a>  
        <a component="$model/UI2/system/components/justep/button/button" class="btn btn-default btn-icon-bottom ciEVf2u" xid="button3" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&#34;icon&#34;:&#34;linear linear-pointerleft&#34;,&#34;label&#34;:&#34;测试页&#34;,&#34;target&#34;:&#34;content1&#34;}" __cid="ciEVf2u"> 
          <i xid="i3" class="linear linear-pointerleft ciEVf2u" __cid="ciEVf2u"></i>  
          <span xid="span3" __cid="ciEVf2u" class="ciEVf2u">测试页</span> 
        </a>  
        <a component="$model/UI2/system/components/justep/button/button" class="btn btn-default btn-icon-bottom ciEVf2u" xid="button4" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&#34;icon&#34;:&#34;linear linear-camera&#34;,&#34;label&#34;:&#34;目视数据&#34;}" __cid="ciEVf2u"> 
          <i xid="i4" class="linear linear-camera ciEVf2u" __cid="ciEVf2u"></i>  
          <span xid="span4" __cid="ciEVf2u" class="ciEVf2u">目视数据</span> 
        </a>  
        <a component="$model/UI2/system/components/justep/button/button" class="btn btn-default btn-icon-bottom ciEVf2u" xid="button5" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&#34;icon&#34;:&#34;dataControl dataControl-report&#34;,&#34;label&#34;:&#34;历史数据&#34;}" __cid="ciEVf2u"> 
          <i xid="i5" class="dataControl dataControl-report ciEVf2u" __cid="ciEVf2u"></i>  
          <span xid="span5" __cid="ciEVf2u" class="ciEVf2u">历史数据</span> 
        </a>  
        <a component="$model/UI2/system/components/justep/button/button" class="btn btn-default btn-icon-bottom ciEVf2u" xid="button6" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&#34;icon&#34;:&#34;linear linear-cog&#34;,&#34;label&#34;:&#34;设置&#34;}" __cid="ciEVf2u"> 
          <i xid="i6" class="linear linear-cog ciEVf2u" __cid="ciEVf2u"></i>  
          <span xid="span6" __cid="ciEVf2u" class="ciEVf2u">设置</span> 
        </a> 
      </div> 
    </div>  
    <style __cid="ciEVf2u" class="ciEVf2u">.x-panel.pcZBN7vy-iosstatusbar >.x-panel-top {height: 48px;}.x-panel.pcZBN7vy-iosstatusbar >.x-panel-content { top: 48px;bottom: 60px;}.x-panel.pcZBN7vy-iosstatusbar >.x-panel-bottom {height: 60px;}.iosstatusbar .x-panel.pcZBN7vy-iosstatusbar >.x-panel-top,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pcZBN7vy-iosstatusbar >.x-panel-top {height: 68px;}.iosstatusbar .x-panel.pcZBN7vy-iosstatusbar >.x-panel-content,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pcZBN7vy-iosstatusbar >.x-panel-content { top: 68px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pcZBN7vy-iosstatusbar >.x-panel-top {height: 48px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pcZBN7vy-iosstatusbar >.x-panel-content {top: 48px;}</style>
  </div> 
</div>